:root {
  --color-primary: #e60027;
  --color-primary-v: 230, 0, 39;
  --color-bg-primary: #d71718;
  --color-bg-primary-rgb: rgb(215, 23, 24);
  --color-bg-primary-rgb-v: 215, 23, 24;
  --color-text: #3a3a3a;
  --color-dark: #272727;
  --color-visible: #aaaaaa;
  --color-bg-second: #f5f5f5;
  --color-bg-dark: #262f2f;
  --color-bg-input: #f5f4f4;
  --radius-default: 4px;
  --color-border-default: #262f2f;
  --form-item-height: 0.38rem;
}

body {
  font-size: 0.16rem;
  overflow-x: hidden;
  color: var(--color-text);
}
.arrow-full-white-right {
 border: .12rem solid transparent;
 border-left: .2rem solid #fff;
 border-right-width: 0;
 transform: translateX(20%);
}
.arrow-full-gray-right {
 border: .12rem solid transparent;
 border-left: .2rem solid rgba(21, 22, 20, .62);
 border-right-width: 0;
 transform: translateX(20%);
}

.page-index .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.04rem;
  background-color: #ffffff;
  opacity: 0.36;
  border-radius: 0;
  cursor: pointer;
}
.page-index .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination.swiper-pagination--primary .swiper-pagination-bullet {
  background-color: #c4c4c4;
}
.swiper-pagination.swiper-pagination--primary .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
#bannerSwiper img{opacity:0;}
#panel5Swiper .swiper-pagination {
  bottom: 1.2rem;
}
.news-data{color:#999;}
/* bg */
.bg-1 {
  background-image: url("../images/bg-1.png");
  background-size: cover;
}
.bg-2 {
  background-image: url("../images/bg-2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bg-3 {
  background-image: url("../images/bg-3.png");
  background-size: cover;
}
.bg-4 {
  background-image: url("../images/bg-3.png");
  background-size: cover;
}
.bg-5 {
  background-image: url("../images/bg-4.png");
  background-size: cover;
}
.bg-6 {
  background-image: url("../images/bg-5.png");
  background-size: cover;
}
.bg-7 {
  background-image: url("../images/bg-6.png");
  background-size: cover;
}
.bg-8 {
  background-image: url("../images/bg-4.png");
  background-size: cover;
}

/* conpoment */

/* title */
.line-title {
  position: relative;
  padding: .15rem .18rem;
  background-color: #d71718;
}
.line-title::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: 115%;
  border-left: .23rem solid rgba(215, 23, 24, .28);
  border-right: .23rem solid rgba(215, 23, 24, .28);
}
.line-title::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: 123%;
  border-left: .08rem solid rgba(215, 23, 24, .28);
  border-right: .08rem solid rgba(215, 23, 24, .11);
}

.text-line-col {
  padding: .1rem 0;
  position: relative;
}
.text-line-col::after {
  content: "";
  position: absolute;
  height: 15rem;
  width: 1px;
  background-color: #aba9a8;
  left: 50%;
  top: 105%;
}

/* btn */
.about-btn {
  padding: .1rem .25rem;
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 2px;
  color: #fff;
}

/* index-banner - START */

.index-banner {
  position: relative;
  height: 72.1vh;
  background-color: rgb(80, 80, 80);
  color: white;
}

.index-banner__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.index-banner__text-title {
  font-family: PingFang-SC-Heavy, "微软雅黑";
  font-weight: bold;
}
.index-banner__text-title-second-container {
  transform: translateX(-0.28rem);
}
.index-banner__text-title-second {
  letter-spacing: 0.15rem;
  font-weight: 100;
}
.index-banner__text-play {
  width: 0.25rem;
  height: 0.25rem;
}

.index-banner__swiper {
  position: absolute;
  left: 0;
  top: 0;
}

/* index-banner - END */

/* index-content - START */
.index-content {
  padding: 0.84rem 3.1rem 1rem;
  background-image: url("../images/bg-15.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.card {
  position: relative;
  height: 2.88rem;
  flex-shrink: 0;
  transition: box-shadow 0.3s;
  background-color: rgb(134, 134, 134);
  background-size: cover;
}
.card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.8rem;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  z-index: 0;
}
.card__center-text {
  position: absolute;
  padding: 0 0.2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.circular-border {
  position: relative;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  border: 0.03rem solid #fff;
  background-color: #1274a5;
  box-shadow: 0 0 0 0.01rem #0c598b;
}
/* index-content - END */

/* index-server - START */

.index-server {
  padding: 0.58rem 3.1rem 1.5rem;
  background-color: #ccc;
  background-image: url("../images/bg-12.jpg");
}
.index-server__img {
  background-image: url("../images/bg-13.jpg");
  background-size: cover;
}

/* index-server - END */

/* index-contact - START */

.index-contact {
  padding: 0.83rem 3.1rem 0.62rem;
  background-image: url("../images/bg-14.jpg");
  background-size: cover;
}

/* index-contact - END */

/* index-footer - START */

.index-footer {
  padding: 0.88rem 0 0 0;
  background-color: #f2f2f2;
}

/* index-footer - END */